<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
            #selDepartments{
                display:block;
                width:100%;
            }
            #selEmployees{
                display:block;
                width:100%;
                height:200px;
            }
            #selSelectedEmployees{
                display:block;
                width:100%;
                height:235px;
            }
        </style>
        
<script type="text/javascript">
	
	
	var jsonssStaffs;
	var jsonssDeparts;
	

	var selDepartments;
	var selEmployees;
	var selSelectedEmployees;
	var sTime;
	var eTime;
	function loadData(topic,startTime,endTime) {
		
		sTime=startTime;
		eTime=endTime;
		var topicInput=document.getElementById("topicInput");
		topicInput.value=topic;
		createRequest();
		getAllStaffsRequest();
		
		
			
	}

	function fillEmployees() {
		clearList(selEmployees);
		var departmentid = selDepartments.options[selDepartments.selectedIndex].value;
		
		for(var i=0;i<jsonssStaffs.length;i++){
			if (departmentid == jsonssStaffs[i].department.deId){
				var staff = new Option(jsonssStaffs[i].SName, jsonssStaffs[i].SId);
				selEmployees.options.add(staff);
			}
		}
		
	}

	function clearList(list) {
		while (list.childElementCount > 0) {
			list.removeChild(list.lastChild);
		}
	}

	function selectEmployees() {
		 if($("#errorDiv").attr("class")  == "col-sm-4 has-error"){
			return;
		} 
		else
		for ( var i = 0; i < selEmployees.options.length; i++) {
			if (selEmployees.options[i].selected) {
				addEmployee(selEmployees.options[i]);
				selEmployees.options[i].selected = false;
			}
		}
	}

	function deSelectEmployees() {
		var elementsToRemoved = new Array();
		var options = selSelectedEmployees.options;
		for ( var i = 0; i < options.length; i++) {
			if (options[i].selected) {
				elementsToRemoved.push(options[i]);
			}
		}
		for (i = 0; i < elementsToRemoved.length; i++) {
			selSelectedEmployees.removeChild(elementsToRemoved[i]);
		}
	}

	function addEmployee(optEmployee) {
		var options = selSelectedEmployees.options;
		var i = 0;
		var insertIndex = -1;
		while (i < options.length) {
			if (optEmployee.value == options[i].value) {
				return;
			}
			else if (optEmployee.value < options[i].value) {
				insertIndex = i;
				break;
			}
			i++;
		}
		var opt = document.createElement("option");
		opt.value = optEmployee.value;
		opt.text = optEmployee.text;
		opt.selected=true;
		if (insertIndex == -1) {
			selSelectedEmployees.appendChild(opt);
		} else {
			selSelectedEmployees.insertBefore(opt, options[insertIndex]);
		}
	}
	
	
	function createRequest(){
		getAllDepartments_request = false;
		var url="getAllDepartments.action";
		if(window.XMLHttpRequest){
			getAllDepartments_request = new XMLHttpRequest();
		}
		else if(window.ActiveXObject){
			try{
				getAllDepartments_request=new ActiveXObject("Msxm12.XMLHTTP");
			}catch (e){
				try{
				getAllDepartments_request=new ActiveXObject("Microsoft.XMLHTTP");
				}catch (e){}
			}
		}
		if(!getAllDepartments_request){
			alert("不能创建X对象");
			return false;
		}
		getAllDepartments_request.onreadystatechange = function(){
			getDepartment();
		};
		getAllDepartments_request.open('GET', url, true);
		getAllDepartments_request.send(null);
	}
	
	function getDepartment(){
		if(getAllDepartments_request.readyState==4){
			if(getAllDepartments_request.status==200){
				var arr = getAllDepartments_request.responseText;
				jsonssDeparts=eval("("+arr+")");
				selDepartments = document.getElementById("selDepartments");
				selEmployees = document.getElementById("selEmployees");
				selSelectedEmployees = document.getElementById("selSelectedEmployees");
				selDepartments.options.length=0;
					for(var i=0;i<jsonssDeparts.length;i++){
						  var department = new Option(jsonssDeparts[i][2], jsonssDeparts[i][1]);
						  selDepartments.options.add(department);
					}
				}//200
				
				}//4
			
	}//function
	
	
	function getAllStaffsRequest(){
		getAllStaffs_request = false;
		var url="getAllStaffs.action";
		if(window.XMLHttpRequest){
			getAllStaffs_request = new XMLHttpRequest();
		}
		else if(window.ActiveXObject){
			try{
				getAllStaffs_request=new ActiveXObject("Msxm12.XMLHTTP");
			}catch (e){
				try{
					getAllStaffs_request=new ActiveXObject("Microsoft.XMLHTTP");
				}catch (e){}
			}
		}
		if(!getAllStaffs_request){
			alert("不能创建X对象");
			return false;
		}
		getAllStaffs_request.onreadystatechange = function(){
			getStaffs();
		};
		getAllStaffs_request.open('GET', url, true);
		getAllStaffs_request.send(null);
	}
	
	function getStaffs(){
		if(getAllStaffs_request.readyState==4){
			if(getAllStaffs_request.status==200){
				var arr = getAllStaffs_request.responseText;
				jsonssStaffs =eval("("+arr+")");
					fillEmployees();
				}//200
				
				}//4
			
	}//function
	
	
	function checkStaffFreeRequest(){
		checkStaffFree_request = false;
		var sID="";
		for(var i=0;i<selEmployees.options.length;i++){
			
			if(selEmployees.options[i].selected == true){
				if(i==0) sID=sID+"SId="+selEmployees.options[i].value;
				else sID=sID+"&SId="+selEmployees.options[i].value;
			}
		}
		var url="CheckStaffFree.action?"+sID+"&startTime="+sTime+"&endTime="+eTime;
		if(window.XMLHttpRequest){
			checkStaffFree_request = new XMLHttpRequest();
		}
		else if(window.ActiveXObject){
			try{
				checkStaffFree_request=new ActiveXObject("Msxm12.XMLHTTP");
			}catch (e){
				try{
					checkStaffFree_request=new ActiveXObject("Microsoft.XMLHTTP");
				}catch (e){}
			}
		}
		if(!checkStaffFree_request){
			alert("不能创建X对象");
			return false;
		}
		checkStaffFree_request.onreadystatechange = function(){
			isFree();
		};
		checkStaffFree_request.open('GET', url, true);
		checkStaffFree_request.send(null);
	}
	
	function isFree(){
		if(checkStaffFree_request.readyState==4){
			if(checkStaffFree_request.status==200){
				var arr = checkStaffFree_request.responseText;
				var jsonss  =eval("("+arr+")");
				
				if(jsonss[0] == "false"){
					document.getElementById("errorShow").style.display = "block";
					$("#errorDiv").attr("class","col-sm-4 has-error");
				}
				else{
					$("#errorDiv").attr("class","col-sm-4");
					closeDiv();
				}
					
				}//200
				
				}//4
			
	}//function
	
	function closeDiv(){
		document.getElementById("errorShow").style.display = "none";
	}
	
	
	function submitIn(){
		var form=document.getElementById("inForm");
		for(var i=0;i<selSelectedEmployees.options.length;i++){
				selSelectedEmployees.options[i].selected=true;
		}
		form.submit();
	}
	function StrsubTopic(topic){
		var minutes = document.getElementById("Look"+topic);
		minutes.href="GetMinStringAction.action?topic="+encodeURI(encodeURI(topic));
	}
	
	function wd(de){
		var ka = document.getElementById(de);
		ka.href="GetTopicAction.action?addTopic="+encodeURI(encodeURI(de));
	}
	
	
	function loadMessageCount(){
		loadMessageCount_request = false;
		var url="getNewMessage.action";
		if(window.XMLHttpRequest){
			loadMessageCount_request = new XMLHttpRequest();
		}
		else if(window.ActiveXObject){
			try{
				loadMessageCount_request=new ActiveXObject("Msxm12.XMLHTTP");
			}catch (e){
				try{
					loadMessageCount_request=new ActiveXObject("Microsoft.XMLHTTP");
				}catch (e){}
			}
		}
		if(!loadMessageCount_request){
			alert("不能创建X对象");
			return false;
		}
		loadMessageCount_request.onreadystatechange = function(){
			loadMes();
		};
		loadMessageCount_request.open('GET', url, true);
		loadMessageCount_request.send(null);
	}
	
	function loadMes(){
		if(loadMessageCount_request.readyState==4){
			if(loadMessageCount_request.status==200){
				var arr = loadMessageCount_request.responseText;
				var jsonss  =eval("("+arr+")");
				var mCount=document.getElementById("mCount");
				if(jsonss[0]!=0) mCount.innerHTML=jsonss[0];
				}//200
				
				}//4
			
	}//function
	
	function setSubmitUrl(cancelTopic){
				var topicInputToCancel=document.getElementById("topicInputToCancel");
				var form=document.getElementById("cancelForm");
				topicInputToCancel.value=cancelTopic;
	}
	function fillContent(crt,crc){
		var cancelReasonTopic=document.getElementById("cancelReasonTopic");
		var cancelReasonContent=document.getElementById("cancelReasonContent");
		cancelReasonTopic.innerHTML=crt;
		cancelReasonContent.innerHTML=crc;
	}
	
	function showDetail(detopic,decontent){
		meetingTopic = document.getElementById("meetingTopic");
		meetingContent = document.getElementById("meetingContent");
		meetingTopic.innerHTML = detopic;
		meetingContent.innerHTML = decontent;
	}
	
	
</script>

<title>我的会议</title>
</head>

<body style="background-color: rgba(187, 179, 179, 0.38);" onload="loadMessageCount()"
	>
	<div class="container">
		<jsp:include page="header.jsp" />
		<h1 class="col-sm-12" style="font-family:迷你简菱心;">会议管理系统</h1>
		
		<br> <br> <br>
		<div class="col-sm-2">
			<div data-spy="affix" data-offset-top="160" data-offset-bottom="0">
				<ul class="nav nav-pills nav-stacked">
					<li class="active"><a href="myMeetingInfo.action">我的会议</a>
					</li>

					<li class="dropdown"><a class="dropdown-toggle"
						data-toggle="dropdown" href="#"> 申请会议<span class="caret"></span>
					</a>
						<ul class="dropdown-menu">
							<li><a href="applyByTimeAndNumber.action">通过时间和容量</a>
							</li>
							<li><a href="applyMeetingByAddress.action">通过地点</a>
							</li>
						</ul>
					</li>
					<li><a href="personalInfo.action">
							个人信息</a>
					</li>
					<li><a href="getInvitationInfo.action"><span class="badge pull-right" id="mCount"></span><span class="badge pull-right" id="mCount"></span>消息</a>
					</li>
					<c:if test="${sessionScope.adminFlag == '1'}">
						<li><a type="button" data-toggle="collapse" data-target="#admin">管理功能</a></li>
						</c:if>
				</ul>
				
				<div id="admin"  class="collapse">
					<ul class="nav nav-pills nav-stacked">
						<li><a href="getPersonAction.action">人员管理</a>
						</li>
						<li><a href="GetMeetingRoomAction.action"><span
								class="badge pull-right"></span>会议室管理</a>
						</li>
						<li><a href="getDeviceAction.action"><span
								class="badge pull-right"></span>设备管理</a>
						</li>
						<li><a href="getDepartmentAction.action"><span
								class="badge pull-right"></span>部门管理</a>
						</li>
						<li><a href="GetMeetingAction.action"><span
								class="badge pull-right"></span>会议管理</a>
						</li>
					</ul>
				</div>
				<!-- 管理界面 -->

			</div>
			<!--  -->
		</div>
		<div class="col-sm-10">
			<ul id="myTab" class="nav nav-tabs" role="tablist">
      <li class=" <c:if test="${!empty pageFuture7 }">active</c:if><c:if test="${empty pageFuture7 and empty pageMyOrder and empty pageEnded and empty pageCanceled}">active</c:if>"><a href="#future7" role="tab" data-toggle="tab">未来7天的会议</a></li>
      <li class=" <c:if test="${!empty pageMyOrder }">active</c:if>"><a href="#myOrder" role="tab" data-toggle="tab">我预定的会议</a></li>
       <li class=" <c:if test="${!empty pageEnded }">active</c:if>"><a href="#ended" role="tab" data-toggle="tab">已结束的会议</a></li>
        <li class=" <c:if test="${!empty pageCanceled }">active</c:if>"><a href="#cancel" role="tab" data-toggle="tab">已取消的会议</a></li>
    </ul>
	<div id="myTabContent" class="tab-content">
			<div class="tab-pane<c:if test="${!empty pageFuture7}"> in active</c:if><c:if test="${empty pageFuture7 and empty pageMyOrder and empty pageEnded and empty pageCanceled}"> in active</c:if>  fade" id="future7">
				<table class="table table-striped table-bordered">

					<tr align="center">
						<td>会议主题</td>
						<td>开始时间</td>
						<td>结束时间</td>
						<td>地点</td>
						<td>状态</td>
						<td>操作</td>
					</tr>
		<c:forEach items="${meetingList}"  var="mr">
					<tr align="center">
						<td>${mr.topic}</td>
						<td>${mr.startTime}</td>
						<td>${mr.endTime}</td>
						<td>${mr.meetingRoom.mrName}</td>
						<td><span class="label label-info">未开始</span></td>
						<td><button type="button" class="btn btn-default btn-xs"
						data-toggle="modal" data-target="#contentDetail" onclick="showDetail('${mr.topic}','${mr.content}')">查看详情</button>
						</td>
					</tr>
		</c:forEach>
				</table>
				<ul class="pager">
					<c:choose>
					<c:when test="${pageFuture7-1<0}">
					<li class="disabled"><a>上一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageFuture7=${pageFuture7-1}&type=future7#future7">上一页</a></li>
					</c:otherwise>
					</c:choose>
					<c:choose>
					<c:when test="${(pageFuture7+1)*6>accountFuture7}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:when test="${accountFuture7<=6}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageFuture7=${pageFuture7+1}&type=future7#future7">下一页</a></li>
					</c:otherwise>
					</c:choose>
				</ul>

			</div>

			<div class="tab-pane <c:if test="${!empty pageMyOrder }"> in active</c:if> fade" id="myOrder">

				<table class="table table-striped table-bordered">

					<tr align="center">
						<td>会议主题</td>
						<td>开始时间</td>
						<td>结束时间</td>
						<td>地点</td>
						<td>状态</td>
						<td>操作</td>
					</tr>

					<c:forEach items="${meetingMyOrder}" var="mmo">
					<tr align="center">
						<td>${mmo.topic}</td>
						<td>${mmo.startTime}</td>
						<td>${mmo.endTime}</td>
						<td>${mmo.meetingRoom.mrName}</td>
						<td>
						<c:if test="${mmo.state==0}"><span class="label label-info">未开始</span></c:if>
 						<c:if test="${mmo.state==1}"><span class="label label-warning">已取消</span></c:if>
 						<c:if test="${mmo.state==2}"><span class="label label-default">已结束</span></c:if>
						</td>
						<td><button type="button" class="btn btn-default btn-xs"
								data-toggle="modal" data-target="#inviteModal" onclick="loadData('${mmo.topic}','${mmo.startTime}','${mmo.endTime}')">邀请人员</button>
							<button type="button" class="btn btn-danger btn-xs"
								data-toggle="modal" data-target="#confirmModal" onclick="setSubmitUrl('${mmo.topic}')">取消预约</button>
						</td>
					</tr>
					</c:forEach>

				</table>
				<ul class="pager">
					<c:choose>
					<c:when test="${pageMyOrder-1<0}">
					<li class="disabled"><a>上一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageMyOrder=${pageMyOrder-1}&type=myOrder#myOrder">上一页</a></li>
					</c:otherwise>
					</c:choose>
					<c:choose>
					<c:when test="${(pageMyOrder+1)*6>accountMyOrder}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:when test="${accountMyOrder<=6}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageMyOrder=${pageMyOrder+1}&type=myOrder#myOrder">下一页</a></li>
					</c:otherwise>
					</c:choose>
				</ul>

			</div>
			

			<div class="tab-pane<c:if test="${!empty pageEnded }"> in active</c:if> fade" id="ended">
				<table class="table table-striped table-bordered">

					<tr align="center">
						<td>会议主题</td>
						<td>开始时间</td>
						<td>结束时间</td>
						<td>地点</td>
						<td>状态</td>
						<td>操作</td>
					</tr>
		<c:forEach items="${meetingEnded}" var="me">
					<tr align="center">
						<td>${me.topic}</td>
						<td>${me.startTime}</td>
						<td>${me.endTime}</td>
						<td>${me.meetingRoom.mrName}</td>
						<td>
 						<span class="label label-default">已结束</span>
						</td>
						<td>
						<div class="dropdown">
  <button class="btn btn-default dropdown-toggle btn-xs" type="button" id="dropdownMenu1" data-toggle="dropdown">
    提交会议记录
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#doc">文档提交</a></li>
   <li role="presentation"><a role="menuitem" tabindex="-1" onclick="wd('${me.topic}')" id="${me.topic}">文字输入</a></li>
  </ul>
  	<a type="button" class="btn btn-info btn-xs" onclick="StrsubTopic('${me.topic}')" id="Look${me.topic}">查看会议记录</a>
</div>
						</td>
					</tr>
					
					</c:forEach>
				</table>
				<ul class="pager">
					<c:choose>
					<c:when test="${pageEnded-1<0}">
					<li class="disabled"><a>上一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageEnded=${pageEnded-1}&type=ended#ended">上一页</a></li>
					</c:otherwise>
					</c:choose>
					<c:choose>
					<c:when test="${(pageEnded+1)*6>accountEnded}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:when test="${accountEnded<=6}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageEnded=${pageEnded+1}&type=ended#ended">下一页</a></li>
					</c:otherwise>
					</c:choose>
				</ul>
			</div>



			<div class="tab-pane<c:if test="${!empty pageCanceled }"> in active</c:if> fade" id="cancel">
				<table class="table table-striped table-bordered">

					<tr align="center">
						<td>会议主题</td>
						<td>开始时间</td>
						<td>结束时间</td>
						<td>地点</td>
						<td>状态</td>
						<td>操作</td>
					</tr>

					<c:forEach items="${meetingCanceled}" var="mc"><tr align="center">
						<td>${mc.topic}</td>
						<td>${mc.startTime}</td>
						<td>${mc.endTime}</td>
						<td>${mc.meetingRoom.mrName}</td>
						<td>
 						<span class="label label-warning">已取消</span>
						</td>
						<td><button type="button" class="btn btn-default btn-xs"
						data-toggle="modal" data-target="#cancelReason" onclick="fillContent('${mc.topic}','${mc.reason}')">查看取消原因</button>
						</td>
					</tr>
					</c:forEach>
				</table>
				<ul class="pager">
					<c:choose>
					<c:when test="${pageCanceled-1<0}">
					<li class="disabled"><a>上一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageCanceled=${pageCanceled-1}&type=canceled#cancel">上一页</a></li>
					</c:otherwise>
					</c:choose>
					<c:choose>
					<c:when test="${(pageCanceled+1)*6>accountCanceled}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:when test="${accountCanceled<=6}">
					<li  class="disabled"><a>下一页</a></li>
					</c:when>
					<c:otherwise>
					<li><a href="myMeetingInfo.action?pageCanceled=${pageCanceled+1}&type=canceled#cancel">下一页</a></li>
					</c:otherwise>
					</c:choose>
				</ul>
			</div>
			</div>
			<hr>




		</div>
	</div>
	<div class="modal fade" id="inviteModal">
		<div class="modal-dialog">
			<div class="modal-content">
			<form id="inForm" method="post" action="submitInvitation.action">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">邀请人员</h4>
				</div>
				<div class="modal-body">
				<div class="row" style="margin-top:20px;">
				
				 <div class="alert alert-danger alert-dismissible" style="display: none;width: 472px;margin-left: 70px;"  id="errorShow">
  				<button type="button" class="close"  onclick="closeDiv()"><span span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  				<strong>错误！</strong><span id="errorInfo">该人员在该时段内有会议！不能邀请！</span>
 				</div>
 				
				<div class="col-sm-4" style="margin-left:60px;" id="errorDiv" >
					<select class="form-control" id="selDepartments" onchange="fillEmployees()"></select>
					 <select class="form-control"  id="selEmployees" multiple onchange="checkStaffFreeRequest()"></select>
					</div>
					<div class="col-sm-2" style="padding-left: 30px;">
			<button type="button" class="btn btn-default" style="margin-top: 70px;" onClick="selectEmployees()">
 			 <span class=" glyphicon glyphicon-chevron-right" ></span>
			</button>
					<button type="button" class="btn btn-default"  style="margin-top: 20px;" onClick="deSelectEmployees()">
 					 <span class=" glyphicon glyphicon-chevron-left" ></span>
					</button>
					</div>
					<div class="col-sm-4" >
						<select  class="form-control"  id="selSelectedEmployees" name="SId" multiple></select>
					</div>
					<input type="text" class="hide" id="topicInput" name="topic"/>
				</div>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="submitIn()">确定</button>
				</div>
				</form>
			</div>
			
			<!-- /.modal-content -->
			
		</div>
		
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<div class="modal fade" id="confirmModal">
		<div class="modal-dialog">
			<div class="modal-content">
			<form method="post" id="cancelForm" action="cancelMeeting.action">
				<div class="modal-body">
					<h4>请输入取消原因</h4>
					
					<textarea class="form-control" name="reason"></textarea>
					<input class="hide" id="topicInputToCancel" name="topic"/>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="submit" class="btn btn-danger">确定</button>
				</div>
				</form>
				
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
	<div class="modal fade" id="cancelReason">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">取消原因</h4>
				</div>
				<div class="modal-body">
				<div class="jumbotron" style="background-color: #ffffff;padding-top: 0px;padding-bottom: 0px">
 				<h3 id="cancelReasonTopic"></h3>
 				<p style="font-size: 18px" id="cancelReasonContent">
 				
				</p>
				</div>
				</div>
				<!-- 
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">确定</button>
				</div>
				 -->
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
	
	
	
	<div class="modal fade" id="doc">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">文档提交</h4>
				</div>
				<div class="modal-body">
 				<div class="form-group">
    <label for="exampleInputFile">文件选择</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">请选择doc或docx格式文件进行提交</p>
  </div>
	</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<a href="#"><button type="button" class="btn btn-primary">提交</button></a>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>	
		<!-- /.modal-dialog -->
	</div>
	
	<div class="modal fade" id="contentDetail">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">会议内容</h4>
				</div>
				<div class="modal-body">
				<div class="jumbotron" style="background-color: #ffffff;padding-top: 0px;padding-bottom: 0px">
 				<h3 id="meetingTopic"></h3>
 				<p style="font-size: 18px" id="meetingContent">
 				
				</p>
				</div>
				</div>
				<!-- 
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">确定</button>
				</div>
				 -->
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
</body>

<script src="js/jquery-2.0.1.min.js"></script>
<script src="js/bootstrap.js"></script>

</html>